﻿
@{
    ViewBag.Title = "HospitalMainShow";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/bootstrap-3.3.7-dist/css/bootstrap-theme.css" rel="stylesheet" />
<script src="~/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<div style="background-color:#00ffff; width:1000px; height:500px; margin-top:30px; margin-left:170px;">
    
    <div style="width:300px; height:300px; background-color:#ffffff; margin-right:0px;margin-left:700px; border:2px solid #808080; background:url(/images/pugongyin2.jpg) no-repeat 100%;">

        <img src="/images/Logins.jpg" alt="Alternate Text" style="margin-left:100px; width:100px; height:100px;" />
        <table style="font-size:16px; color:#ff6a00; margin:0 auto;">
            <tr style="line-height:60px;">
                <td>用户名:</td>
                <td><input type="text" name="name" value="" id="UserName" class="form-control" /></td>
            </tr>
            
            <tr style="line-height:60px;">
                <td>密&nbsp;&nbsp;&nbsp;码:</td>
                <td><input type="text" name="name" value="" id="UserPwd" class="form-control" /></td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" name="name" value="登录" class="btn btn-info" /></td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;<input type="button" name="name" value="注册" class="btn btn-warning" onclick="Zhuce()" /></td>
            </tr>
        </table>
    </div>
</div>
<script>
    function Zhuce()
    {
        layer.open({
            title: ['注册系统', 'font-size:26px;color:#ff0000;text-align:center'],
            content: '<div class="row" style="width: 420px;  margin-left:7px; margin-top:10px;">'
            + '<div style="margin-left:30px;">'
 + '<p><span style="font-size:26px; color:#0094ff">用户名:</span><input type="text" name="name" value="" id="UserName"  style="width:200px; height:30px;" placeholder="请输入用户名"   class="form-control" /></p>'
     + '<p style="margin-top:10px;"><span style="font-size:26px; color:#0094ff">密&nbsp;&nbsp;&nbsp;码:</span><input type="text" name="name" value="" id="UserPwd" style="width:200px; height:30px;" placeholder="请输入密码"  class="form-control" /></p>'


+ '</div>'
            ,
            area: ['500px', '300px'],
            btnAlign: 'c',
            tips: '#c00',
            btn: ['注册', '取消'],
            yes: function (index, layero) {
                alert('111');
                $.ajax({
                    url: '/Hospital/Logins',
                    type: 'post',
                    data: { username: $("#UserName").val(), userpwd: $("#UserPwd").val() },
                    success: function (data) {
                        alert(data.message);
                    }
                })
            },
        });
    }
</script>
